<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:jsf="http://xmlns.jcp.org/jsf"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	template="/WEB-INF/templates/template.xhtml"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="content">
		<h:form id="formpesquisalivro">
			<p:growl id="growl" showDetail="true" />

			<div align="center"
				style="width: 1200px; padding-left: 20px; padding-top: 20px;">

				<p:panel id="basic" header="Excluir Livros"
					style="margin-bottom:20px; width:500px;">
					<h:panelGrid columns="2" cellpadding="10">
						<h:outputText value="ID:" />
						<p:inputText value="#{livroBean.id}" />
					</h:panelGrid>
					<p:commandButton value="Excluir" action="#{livroBean.excluirLivro}"
						update="growl tblpesquisalivro" />
				</p:panel>
			
				<p:dataTable id="tblpesquisalivro" var="livro"
					value="#{livroBean.livros}" paginator="true" scrollable="true"
					emptyMessage="Não há livros cadastrados." scrollWidth="auto"
					scrollHeight="auto" rendered="true"
					style="width:1320px;text-align:center;">
					<f:facet name="header">Lista de Livros</f:facet>

					<p:column headerText="Id" sortBy="#{livro.id}" style="width:60px"
						filterBy="#{livro.id}">
						<h:outputText value="#{livro.id}" />
					</p:column>

					<p:column headerText="Titulo" sortBy="#{livro.titulo}"
						filterBy="#{livro.titulo}">
						<h:outputText value="#{livro.titulo}" />
					</p:column>

					<p:column headerText="Autor" sortBy="#{livro.autor}"
						filterBy="#{livro.autor}">
						<h:outputText value="#{livro.autor}" />
					</p:column>

					<p:column headerText="Categoria" sortBy="#{livro.categoria}"
						filterBy="#{livro.categoria}">
						<h:outputText value="#{livro.categoria}" />
					</p:column>

					<p:column headerText="Editora" sortBy="#{livro.editora}"
						filterBy="#{livro.editora}">
						<h:outputText value="#{livro.editora}" />
					</p:column>

					<p:column headerText="Localização" sortBy="#{livro.localizacao}"
						filterBy="#{livro.categoria}">
						<h:outputText value="#{livro.localizacao}" />
					</p:column>

					<p:column headerText="Isbn" sortBy="#{livro.isbn}"
						filterBy="#{livro.isbn}">
						<h:outputText value="#{livro.isbn}" />
					</p:column>

					<p:column headerText="Tombo" sortBy="#{livro.tombo}"
						filterBy="#{livro.tombo}">
						<h:outputText value="#{livro.tombo}" />
					</p:column>

					<p:column headerText="Disponivel" sortBy="#{livro.disponivel}"
						filterBy="#{livro.disponivel}">
						<h:outputText value="#{livro.disponivel}" />
					</p:column>

					<p:column headerText="Quant." sortBy="#{livro.quantidade}"
						filterBy="#{livro.quantidade}">
						<h:outputText value="#{livro.quantidade}" />
					</p:column>

					<p:column headerText="Págs." sortBy="#{livro.paginas}"
						style="width:60px" filterBy="#{livro.paginas}">
						<h:outputText value="#{livro.paginas}" />
					</p:column>

					<!-- <p:column headerText="Avali." sortBy="#{livro.avaliacao}"
						width="40" filterBy="#{livro.avaliacao}">
						<h:outputText value="#{livro.avaliacao}" />
					</p:column>
 					-->
				</p:dataTable>

			</div>

		</h:form>

	</ui:define>
</ui:composition>
